@charset "utf-8";
/* CSS Document */
@import url("/AppAdmin/Js/Page.css");

html,body{ margin:0px; height:100%;} 
body, div, form, img, ul, li, dl, dd, dt{
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
body {
	margin: 0 auto; 
}
li {
	list-style: none;
}
a{
	border: currentColor; border-image: none; text-decoration: none;
}
h1, h1, h2, h3, h4, h5, h6, p, span {
	margin: 0px; padding: 0px; font-weight: normal;
}

.clear {
	clear: both;
}
.clearfix::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: ".";
}
* {
	font-family:"Microsoft YaHei UI", "Arial", "微软雅黑";
}




.fwrx {
	color:#02d7f7; line-height:150%; font-size:24px; 
}
.fwrx-zx {
	margin: 0 auto; height:40px; width:140px; border:1px solid #02d7f7; border-radius:20px;
}
.fwrx-zx a{
	color:#02d7f7; line-height:100%; font-size:24px;
}




.main1 {
	width: 100%; margin:60px 0 10px 0; padding-top:50px; overflow:hidden;
}
.main1-title {
	margin:0 auto; width: 100%; height: auto; background:url("/images/bg_line_1.jpg") repeat-x center; overflow:hidden; 
}
.main1-title h3{
	margin: 0 auto; width:180px; color:#333; line-height:36px; font-size:36px; background-color: #FFF; font-weight:bold; text-align: center;
}
.main1-title p{
	width:180px; color: #02d7f7; line-height: 24px; font-size: 24px; padding:5px 0 10px 0;
}
.main1-content {
	width: 100%; height:445px; background:url("/images/by_01.jpg") repeat-x;text-align:center;
}
.main1-content1 {
	margin:0 auto; width: 1220px; overflow:hidden; 
}
.main1-content1 P {
	color: #333; line-height:200%; font-size:18px; margin-top:10px; margin-bottom:10px;
}


.main2 {
	width: 100%; margin:60px 0 10px 0;
}
.main2-title {
	margin:0 auto; width: 100%; height: auto; background:url("/images/bg_line_1.jpg") repeat-x center; overflow:hidden;
}
.main2-title h3{
	margin: 0 auto; width:180px; color:#333; line-height:36px; font-size:36px; background-color: #FFF; font-weight:bold; text-align: center;
}
.main2-title p{
	width:180px; color: #02d7f7; line-height: 24px; font-size: 24px; padding:5px 0 10px 0;
}
.main2-content {
	width: 100%; height:480px; background:url("/images/by_01.jpg") repeat-x;text-align:center;
}
.main2-content1 {
	margin:0 auto; width: 1220px; overflow:hidden;
}
.main2-content1 ul li {
	width:285px; height:214px; float: left; margin:0 10px 25px 10px;
}

.main3 {
	width: 100%; margin:60px 0 10px 0;
}
.main3-title {
	margin:0 auto; width: 100%; height: auto; background:url("/images/bg_line_1.jpg") repeat-x center; overflow:hidden;
}
.main3-title h3{
	margin: 0 auto; width:180px; color:#333; line-height:36px; font-size:36px; background-color: #FFF; font-weight:bold; text-align: center;
}
.main3-title p{
	width:180px; color: #02d7f7; line-height: 24px; font-size: 24px; padding:5px 0 10px 0;
}
.main3-content {
	width: 100%; height:420px; background:url("/images/by_01.jpg") repeat-x; text-align:center; overflow:hidden;
}
.main3-content1 {
	margin: 0 auto; width: 1200px; overflow:hidden; 
}
.main3-content1 ul li {
	border-image: none; width:285px; height:350px; margin-bottom:40px; float: left; text-align:left;
}
.main3-content1-title {
	height: auto; background:#F9F9F9; padding:7px 12px 7px 12px; float: left;
}
.main3-content1-title a{
	color: #333; line-height:150%; font-size: 14px;
}
.main3-content1-title a:hover{
	color: #02d7f7; font-weight: bold; text-decoration: underline;
}
.main3-content1-title p {
	 height:85px; color: #999; line-height:150%; font-size: 12px; margin:10px 0 0 0; float: left; 
}



/*#banner {
	background: #EEE; width: 100%; height: auto;
}*/
.banner {
	width: 100%; height:354px; overflow: hidden; background-image: url(/images/banner.jpg); background-repeat: no-repeat; background-position:center center;
}




#footer {
	background:#333; width: 100%; overflow: hidden; margin-top:20px;
}
.footer {
	margin: 0 auto; width: 700px; 
}
.footer ul li{
	width: 100px; float: left; text-align:center; margin-top:10px;
}
.footer ul li a {
	color: #999; line-height: 24px; font-size: 14px;
}
.footer1 {
	margin: 0 auto; width: 100%;float: left; padding-bottom:10px; line-height: 24px; font-size: 14px; color:#999; text-align:center;
}


.nav {
	margin: 0 auto; width: 1200px; height: 99px;
}
.nav img {
	padding-top: 15px;
}
.nav ul {
	float: right;
}
.nav ul li {
	margin-right: 10px; float: left; position: relative; z-index: 300;
}
.nav ul li.li-last1 {
	margin-right: 0px;
}
.nav ul li a {
	padding: 32px 15px; width: 90px; height: 35px; text-align: center; color: #666; line-height: 35px; font-size: 16px; display: block; z-index: 300;
}
.nav ul li a:hover {
	background:#02d7f7; color: #FFF; font-weight: bold; cursor: pointer;
}
.nav ul li ul {
	left: 0px; top: 97px; display: none; position: absolute; z-index: 200;
}
.nav ul li ul li {
	background: #FFF; position: relative;
}
.nav ul li ul li a {
	background: #FFF; padding: 0px; width: 109px; text-align: center; font-size: 12px;
}
.nav ul li ul li:hover > a {
	background: white; color:#02d7f7;
}
.nav ul li.li4 ul li a {
	width: 120px;
}
.nav ul li:hover ul {
	display: block;
}

.nav ul li:hover ul li ul {
	display: none;
}
.nav ul li ul li:hover ul {
	display: block;
}

.about {
	width:1200px; margin:0 auto; overflow:hidden;
}
.about-left {
	width:20px; padding-top:28px; float: left;
}
.about-main {
	width:1180px; float: left;
}
.about-main1 {
	width:1180px; border-bottom:1px dotted #000; padding:20px 0 8px 10px; line-height: 24px; font-size: 24px;  float: left; 
}
.about-main2 {
	width:1120px; float:left; padding:30px; color:#333; line-height:200%; font-size:18px; 
}

.news-main {
	width:1060px; margin-top:29px; overflow:hidden; float:left;
}
.news-main1 {
	width:207px; height:138px; float: left;
}
.news-main2 {
	width:823px; margin-left:30px; float: left; overflow:hidden;
}
.news-main2 a{
	color:#02d7f7; line-height:100%; font-size:18px; float:left;
}
.news-main2 h2{
	color:#999; margin-top:14px; line-height:100%; font-size:14px; float:left;
}
.news-main3 {
	width:823px; margin-top:14px; color:#333; line-height:100%; font-size:14px; float:left;
}

.news-show {
	width:100%; overflow:hidden; float:left;
}
.news-show-Title {
	width:100%; float:left; color:#333; line-height:200%; font-size:24px; text-align:center;
}
.news-show-content {
	width:100%; float:left; margin-top:20px; color:#333; line-height:200%; font-size:18px;
}

.Download-main {
	width:100%; height:40px; margin-top:10px; background:#F1F1F1;
}
.Download-main-left {
	width:75%; height:20px; float:left; margin-top:10px; padding-left:10px; color:#333; line-height:100%; font-size:16px; 
}
.Download-main-left a{
	color:#333; line-height:100%; font-size:16px; 
}

.Download-main-right {
	width:20%; float:right; margin-top:10px; padding-right:10px; text-align:right; color:#999; line-height:150%; font-size:14px;
}
.Download-main-right a {
	color:#02d7f7; line-height:150%; font-size:14px;
}


#product {
	width:1180px; float: left; overflow:hidden;
}
.product {
	width:1180px; float: left; overflow:hidden; margin-top:20px;
}
.product ul li {
	width:275px; height:223px; float: left; margin:0 10px 25px 10px; 
}
.product p {
	height:28px; overflow:hidden; padding-top:6px; font-weight:normal; text-align:center; background:#CCC;
}
.product p A {
	color:#333; line-height:100%; font-size:16px; 
}
.product-show {
	width:1180px; float: left; overflow:hidden; margin-top:20px; text-align:center; 
}

.productmenu {
	width:1180px; height:36px; float: left; border-radius:5px 5px 5px 5px; background:#ccc; text-align:left;
}
.productmenu h2{
	color:#666; line-height:100%; font-size:16px; padding:10px 0 0 15px;
}
.product-show-content {
	width:1180px; float: left; overflow:hidden; margin-top:20px; color:#666; line-height:150%; font-size:16px; text-align:left;
}